<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>"航行有你"用户&&航班管理系统</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>

    <link rel="stylesheet" type="text/css" href="css/s.css"/>
    <script src="js/wrap.js" type="text/javascript"></script>
    <style>
        h1 {
            font-size: 5em; /* 将字体大小设置为5em，你可以根据需要调整这个值 */
        }
        h2 {
            font-size: 2em; /* 将字体大小设置为5em，你可以根据需要调整这个值 */
        }
    </style>
</head>
<body>
<!--头部-->

</div>
<header class="publicHeader">
    <h1>"航行有你"消息通知页面</h1>

    <div class="publicHeaderR">
        <p><span></span><span style="color: #fff21b"> ${username} , 欢迎您！</span></p>
        <a href="index.jsp">退出</a>
    </div>
</header>
<!--时间-->
<!--<section class="publicTime">-->
<!--<span id="time">2015年1月1日 11:11  星期一</span>-->
<!--</section>-->
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表<span></span></h2>
        <nav>
            <ul class="list">
                <li><a href="/selectFlightServlet">航班信息管理</a></li>
                <li><a href="/selectUserServlet">用户信息</a></li>
                <li id="active"><a href="info.jsp">消息通知</a></li>
                <li ><a href="password.jsp">密码修改</a></li>
                <li><a href="index.jsp">退出系统</a></li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>>功能列表 >> 消息通知页面</span>
        </div>
        <div class="providerAdd">
            <a href="https://mbd.baidu.com/newspage/data/dtlandingsuper?nid=dt_3334159881164224726&sourceFrom=search_a"><h2>🛫新手必看!飞机出行必备小贴士🛬</h2></a><br>
            <a href="https://www.baidu.com/s?wd=%E5%A4%A9%E6%B0%94%E9%A2%84%E5%91%8A%E6%B5%8E%E5%8D%97&rsv_spt=1&rsv_iqid=0x8813e9d00024eb3d&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&
            rqlang=cn&tn=baiduhome_pg&rsv_dl=tb&rsv_enter=1&rsv_btype=t&rsv_t=8129kvSygGmPYv67LEDZ77Qeq1
            e8HuX5W%2BtMM4XeIRT8RdhVicEZMMAvgDAuNzwcQDMS&oq=%25E6%2596%2587%25E5%25BF%2583%25E4%25B8%2580%2
            5E8%25A8%2580&rsv_pq=b8e41a7d00291a57&rsv_sug3=34&rsv_sug1=38&rsv_sug7=101&rsv_sug2=0&inputT=9660&
            rsv_sug4=9660"><h2>未来几天济南的天气情况</h2></a><br>

            <a href="https://www.caac.gov.cn/INDEX/HLFW/GJHBJHCX2021/"><h2>中国民用航空局--国际航班计划查询</h2></a><br>

            <a href="https://www.163.com/dy/article/JK40FK6T0514R9KE.html"><h2>年终报道·逐梦2024丨这些时刻，见证对星辰大海的一次次奔赴</h2></a><br>

            <a href="https://baijiahao.baidu.com/s?id=1807750809012904249&wfr=spider&for=pc"><h2>2025年“商业航天+”市场将接近万亿元！中国民营航天优势有哪些？首席研判！｜华夏新闻会客厅</h2></a><br>


            <a href="https://wap.seccw.com/index.php/Index/detail/id/31228.html"><h2>【聚焦风口】商业航天迈入“快车道” 市场前景广阔</h2></a><br>

            <a href="https://baijiahao.baidu.com/s?id=1787694696608261984&wfr=spider&for=pc"><h2>坐飞机需要注意什么，什么东西不能带？坐飞机必备知识</h2></a><br>


        </div>

    </div>
</section>
<div class="new_prod">
    <div class="tittle_z">
        <h1>🛫🛬</h1>
        <!-- 循环滚动的字幕脚本 -->
        <script type="text/javascript">
            //js无缝滚动代码
            function marquee(i,direction){
                var obj=document.getElementById("marquee"+i);
                var obj1=document.getElementById("marquee"+i+"_1");
                var obj2=document.getElementById("marquee"+i+"_2");
                if(direction == "up"){
                    if(obj2.offsetTop-obj.scrollTop<=0){
                        obj.scrollTop-=(obj1.offsetHeight+20);
                    }else{
                        var tmp=obj.scrollTop;
                        obj.scrollTop++;
                        if(obj.scrollTop==tmp){
                            obj.scrollTop=1
                        }
                    }
                }else{
                    if(obj2.offsetWidth-obj.scrollLeft<=0){
                        obj.scrollLeft-=obj1.offsetWidth;
                    }else{
                        obj.scrollLeft++;
                    }
                }
            }
            function marqueeStart(i,direction){
                var obj=document.getElementById("marquee"+i);
                var obj1=document.getElementById("marquee"+i+"_1");
                var obj2=document.getElementById("marquee"+i+"_2");
                obj2.innerHTML=obj1.innerHTML;
                var marqueeVar=window.setInterval("marquee("+i+",'"+direction+"')",20);
                obj.onmouseover=function(){
                    window.clearInterval(marqueeVar);
                }
                obj.onmouseout=function(){
                    marqueeVar=window.setInterval("marquee("+i+",'"+direction+"')",20);
                }
            }
        </script>
        <div class="warp_sp">
            <div id="marquee1" class="marqueeleft">
                <div style="width: 8000px;">
                    <ul id="marquee1_1">
                        <li>
                            <a class="pic">
                                <img width="290" height="180" src="img/1.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic">
                                <img width="290" height="180" src="img/2.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic" >
                                <img width="290" height="180" src="img/3.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic">
                                <img width="290" height="180" src="img/4.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic" >
                                <img width="290" height="180" src="img/5.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic">
                                <img width="290" height="180" src="img/6.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic" >
                                <img width="290" height="180" src="img/7.webp">
                            </a>
                        </li>
                        <li>
                            <a class="pic">
                                <img width="290" height="180" src="img/8.webp">
                            </a>
                        </li>
                    </ul>
                    <ul id="marquee1_2"></ul>
                </div>
            </div>
        </div>
        <script type="text/javascript">marqueeStart(1,"left");</script>
    </div>
</div>
<%--<footer class="footer">--%>
<div id="footer">
    <div>
        <div class="conent_bq">
            <p>
<%--                <a>航班信息功能</a>|--%>
<%--&lt;%&ndash;                <a >用户信息</a>|&ndash;%&gt;--%>
<%--                <a >消息通知</a>|--%>
<%--                <a>密码修改</a>|--%>
<%--                <a>退出系统</a>--%>
            <h2>✈️ 🛩️ 🛫 🛬 🪂  🚁 🚟 🚠 🚡 🛰️ 🚀 🛸</h2>
            </p>
            <p>版权 &copy;©22计科（校企）  张培霞 </p>
        </div>
    </div>
    <%--</footer>--%>

    <script src="js/jquery.js"></script>
    <script src="js/js.js"></script>
    <script src="js/time.js"></script>
</body>
</html>